/* base.css */
@font-face {
  font-family: 'DSDigital';
  src: url('@/assets/fonts/DS-Digital.woff2') format('woff2'),
       url('@/assets/fonts/DS-Digital.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 优化字体加载显示 */
}
body {
  font-size: 16px;
  background-color: var(--bg-base-color);
  color: var(--text-color);
  transition: background-color 0.3s, color 0.3s;
}

a {
  color: var(--link-color);
}

button {
  background-color: var(--bg-primary-color);
  color: var(--button-text-color);
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6{
   color: var(--text-color-primary);
}
b,
i {
   color: var(--text-color-primary);
}

[class^="text-"], [class*=" text-"] {
  
}
.text-icon {
    color: var(--text-color-primary) !important;
}
.text-primary{
   color: var(--text-color-primary) ;
}
.text-secondary{
  color: var(--text-color-secondary) ;
}
// 边框样式
.no-border{border: none!important;}
.border-l{
  border-left: 1px solid var(--border-color-base);
}
.border-b{
  border-bottom: 1px solid var(--border-color-base);
}
.border-r{
  border-right: 1px solid var(--border-color-base);
}
.border-t{
  border-top: 1px solid var(--border-color-base);
}

/* 覆盖通知容器 */
.el-notification {
  width: 260px !important;
  padding: 6px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important;
  background-color: #05050557 !important;
   backdrop-filter: blur(10px);          /* 关键：背景模糊 */
  -webkit-backdrop-filter: blur(10px);  /* Safari 兼容 */
  border: 1px solid rgba(20, 20, 20, 0.3); /* 可选：边框增强效果 */
}

/* 标题样式 */
.el-notification__title {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 3px !important;
  color: #c6c9ce !important;
}

/* 内容样式 */
.el-notification__content {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #d0d1d3 !important;
}

/* 图标样式 */
.el-notification__icon {
  font-size: 22px !important;
}

/* 关闭按钮 */
.el-notification__closeBtn {
  color: #9da8b8 !important;
  font-size: 14px !important;
  &:hover {
    color: #4299e1 !important;
  }
}